<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/9/21 0021
 * Time: 下午 10:55
 */

defined('BASEPATH') OR exit('No direct script access allowed');

?>
<section id="inner-headline">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="pageTitle">联系我们</h2>
            </div>
        </div>
    </div>
</section>
<section id="content">

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="about-logo">
                    <h3>留<span class="color">足迹</span></h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <p> </p>

                <!-- Form itself -->
                <form name="sentMessage" id="contactForm"  action="<?=site_url()?>/face/contact/content" method="post" novalidate>
                    <div class="input-field">
                        <input type="text" name="name" class="form-control"
                               id="name" required
                               data-validation-required-message="Please enter your name" />
                        <label for="name" class="">姓名</label>
                        <p class="help-block"></p>

                    </div>
                    <div class="input-field">
                        <input type="email" class="form-control" id="email" required name="email" 
                               data-validation-required-message="Please enter your email" />
                        <label for="name" class="">邮箱</label>
                    </div>

                    <div class="input-field">
				 <textarea rows="10" cols="100" required class="form-control materialize-textarea"
                           idation-required-message="Please enter your message" minlength="5"
                           data-validation-minlength-message="Min 5 characters"
                           maxlength="999" style="resize:none" name="content"></textarea>
                        <label for="name" class="">留言内容</label>
                    </div>
                    <div id="success"> </div> <!-- For success/fail messages -->
                    <button type="submit" class="btn btn-primary waves-effect waves-dark pull-right">发送</button><br />
                </form>
            </div>
            <div class="col-md-6">
                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:500px;width:600px;"><div id="gmap_canvas" style="height:500px;width:600px;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.trivoo.net" id="get-map-data">trivoo</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(40.805478,-73.96522499999998),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(40.805478, -73.96522499999998)});infowindow = new google.maps.InfoWindow({content:"<b>The Breslin</b><br/>2880 Broadway<br/> New York" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
            </div>
        </div>
    </div>

</section>

